<template>
  <el-input
    class="elInput"
    v-model="value"
    :placeholder="placeholder"
    @input="inputChange"
  ></el-input>
</template>
<script setup>
import { ref } from 'vue';

const emit = defineEmits(['update:queryCriteria']);
const props = defineProps(['placeholder']);

const value = ref('');

const inputChange = (v) => {
  emit('update:queryCriteria', v);
};
</script>

<style scoped lang="less">
.el-input {
  width: auto;
  display: block !important;
  margin-right: 16px;
}

/deep/ .el-input__inner {
  width: 240px;
}
</style>
